<template>
    <div>
        <crumbs></crumbs>
            <div id="img" style="margin:20px 0">
                <div style="width:100%;display:flex;justify-content: center;align-items: center;">  
                    <img :src="studentsDetail.stu_head_img" alt="" style="width:200px;height:200px">
                </div>
            </div>
            <el-table :data="studentsDetail.result" style="width: 100%">
                <el-table-column prop="stu_id" label="学号" width="180"></el-table-column>
                <el-table-column prop="stu_name" label="姓名" width="180"></el-table-column>
                <el-table-column prop="stu_sex"  label="性别"></el-table-column>
                <el-table-column prop="stu_jg"  label="籍贯"></el-table-column>
                <el-table-column prop="stu_date" label="出生日期"></el-table-column>
                <el-table-column prop="stu_hobby" label="爱好"></el-table-column>
                <el-table-column prop="stu_gbf" label="男女朋友"></el-table-column>
            </el-table>
    </div>
</template>

<script>
export default{
    data(){
        return{
            studentsDetail:{
                stu_head_img:'',
                result:[],
            },
        }
    },
    mounted(){
        // console.log(JSON.parse(this.$route.query.stuInfoDetail));
        let data = JSON.parse(this.$route.query.stuInfoDetail);
        this.studentsDetail.stu_head_img = data.stu_head_img;
        this.studentsDetail.result.push(data);
        console.log(this.studentsDetail.result);
    }
}
</script>

<style scoped>
</style>